.background{
    background-color: #f1f2f3;
}

.menu{
    display: flex;
    align-items: center;
    position: relative;
    left: 6.5rem;
}

.nav-burger{
    width: 27px;
    height: 27px;
    cursor: pointer;
    position: relative;
    left: -0.5rem;
}

.navbar-container{
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    top: 0.5rem;
    left: 0.5rem;
}

.nav-logo{
    width: 183px;
    height: 27px;
    position: relative;
    left: -9.2rem;
}

.nav-text{
    font-family: YS Text, arial, sans-serif;
    font-size: 18px;
    color: 18191b;
}

.nav-user{
    height: 34px;
    width: 34px;
    background-color: #777bb3;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    left: 1.7rem;
}

/* left Panels */

.main-panels{
    display: flex;
    position: relative;
    margin-top: 3rem;
    font-family: YS Text, arial, sans-serif;
}

.left-pan{
    position: relative;
    left: 11rem;
}

.l-pan{
    height: 103px;
    width: 160px;
    background-color: #fff;
    border-radius: 12%;
    display: block;
    margin: 7px;
    position: relative;
    text-decoration: none !important;
}

.l-text-container{
    display: flex;
    justify-content: space-between;
    position: relative;
    top: -0.3rem;
    left: 0.8rem;
    color: black;
    align-items: center;
}

.text-left-pan-1{
    font-weight: 550;
}

.user-avatar{
    height: 34px;
    width: 34px;
    background-color: #777bb3;
    border-radius: 50%;
    position: relative;
    left: -1.6rem;
}

.manage{
    position: relative;
    left: 0.8rem;
    top: -0.6rem;
    font-size: 13px;
    color: gray;
}

/* second left panel */

.text-left-pan-2{
    font-weight: 550;
}

.arrow {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid rgb(114, 112, 112);
    position: relative;
    left: -1.4rem;
  }

.text-left-pan-3{
    font-size: 13px;
    color: rgb(150, 146, 146);
    position: relative;
    top: -2.1rem;
    left: 0.7rem;
}

/* main Panels */

